草庐IT

Bootstrap5 表单

全部标签

javascript - Bootstrap shown.bs.tab 事件不工作

我正在使用Flexytemplate(使用Bootstrap)并且我无法在选项卡上运行shown.bs.tab事件。我已经设法让它在JSFiddle上工作了.这是我在我的模板中使用的代码,没有产生任何结果:Tab1Tab2Tab1ContentTabe2Content$(function(){$('a[data-toggle="tab"]').on('shown.bs.tab',function(e){alert(e.target.href);})});我能错过什么?如果我将此代码复制/粘贴到Flexy代码上,则它不起作用。了解错误的步骤是什么?谢谢! 最佳

javascript - 如何让 UIWebView 专注于表单输入并调出键盘?

我创建了一个UIWebView用于登录Facebook的GraphAPIOAuth界面。这很好用,但我必须点击第一个输入字段才能弹出键盘。理想情况下,键盘会在表单出现时立即出现。所以我一直在尝试弄清楚如何使第一个表单字段从webViewDidFinishLoad:UIWebViewDelegate方法中获得焦点,如下所示:-(void)webViewDidFinishLoad:(UIWebView*)wv{[webViewstringByEvaluatingJavaScriptFromString:@"document.getElementsByName('email')[0].foc

Javascript在按钮单击时清除表单字段

我有一个名为“inputaddress”的字段,用户可以在其中输入地址详细信息,这样他们就可以执行谷歌地图地理编码。我想做的是,当用户点击“searchfortheaddress”按钮时,它将执行地理编码,但随后会清除“inputaddress”字段。谁能告诉我如何清除该字段。 最佳答案 document.getElementById("inputaddress").value=''; 关于Javascript在按钮单击时清除表单字段,我们在StackOverflow上找到一个类似的问题

javascript - Angular-ui-bootstrap Accordion 和折叠动画不起作用

关于angular-ui-bootstrapdemo/docspage,accordion和collapse单击某个元素时,指令都会动画化。但是动画在该页面上的plunker演示中不起作用。是否缺少某些依赖项或者可能是错误?(在chrome/firefox中测试)更新:我在2015年10月29日更新到0.14.3版,现在一切正常。感谢angularUI团队的辛勤工作! 最佳答案 从0.13版开始,您需要在您的应用程序中包含ngAnimate:bowerinstallangular-animate--save添加对index.html

javascript - Angular4 - 将表单数据发布到 rest api

如何将表单数据发布到外部restapi?目前我有一个html表单:Save然后我在component.ts文件中有处理提交的函数:onSubmit=function(user){console.log(user);//this.http.post('http://xxx/externalapi/add',user);}但是如何将表单数据发布到我的外部api?用angular发送表单数据的标准是什么?它只是一个带有表单数据作为queryParams的简单发布请求,还是将其转换为JSON的标准。我可以修改API来处理发送的任何数据,所以这不是问题。 最佳答案

javascript - Jquery draggable with bootstrap modal, scroller 奇怪的行为

我正在尝试使用具有jquery-ui可拖动功能的Bootstrap模式弹出窗口。我这样使用它://Bootstrapmodal$(element).modal({keyboard:false,show:value});//Jquerydraggable$(element).draggable({handle:".modal-header"});但是当我尝试拖动弹出窗口时,右滚动条正在与弹出窗口一起拖动。感谢任何预付款。 最佳答案 我认为你应该在.modal-dialog类上应用draggable,参见:×CloseMod

javascript - 当元素改变时提交表单

在jQuery中,如果我将class=auto_submit_form分配给表单,只要任何元素发生更改,它就会提交,代码如下:/*automaticallysubmitifanyelementintheformchanges*/$(function(){$(".auto_submit_form").change(function(){this.submit();});});但是,如果我希望表单仅在指定元素发生更改时提交:/*submitifelementsofclass=auto_submit_itemintheformchanges*/$(function(){$(".auto_su

javascript:如何在没有jquery或其他库的情况下将表单数据序列化为字符串

如何在没有jquery或其他库的情况下以ajax方式发布表单数据。我想定义一个ajaxForm函数,它可以序列化表单数据和AJAXpost,然后通过javascript回调。如果我有下面的表格:label...label...label...然后我通过javascript获取了表单元素,然后我将表单元素和回调函数传递给ajaxForm(form,callback)函数。谁能举个例子?非常感谢......更新:我最大的问题是如何序列化表单数据?再次更新:感谢大家的回复。问题已解决。我已经将jquery表单插件迁移到纯javascript。我很高兴与大家分享。https://github.

javascript - 如何动态调整 bootstrap-wysihtml5 的大小

我们正在使用bootstrap-wysihtml5来允许用户输入注释。我需要允许用户在需要输入大量内容时扩展编辑区域,最好为他们提供全屏选项。(TinyMCE内置)我找不到该选项,也不知道如何或在何处对其进行编码。感谢您的帮助。 最佳答案 越过thedocs我找不到任何通用的调整大小选项。你可以试试jQueryUIresize.还有thissmallerscript稍作调整即可解决您的问题。 关于javascript-如何动态调整bootstrap-wysihtml5的大小,我们在Sta

javascript - 如何将 CSS 添加到我的 `mailchimp` 弹出表单?

我正在使用mailchimps弹出式订阅表单。我尽可能地设计了mailchimp中的内容。我想在弹出窗口中添加更多CSS,我已尝试将CSS添加到已加载到我网站中的CSS工作表,但即使使用!important等,表单也不会在弹出窗口中选取它。mailchimp的代码是:require(["mojo/signup-forms/Loader"],function(L){L.start({"baseUrl":"mc.us8.list-manage.com","uuid":"731f7bb19522a201007a53699","lid":"138afe0d12"})})现在,我也尝试在我的页面